What are IndexedDB's storage limits across different browsers/platforms?

Question

ICSM Computer · Answer

IndexedDB storage limits vary by browser, platform (desktop vs mobile), and
usage context (e.g., secure context, quota management). They are usually
quota-based, often tied to available disk space.
Estimated Storage Limits (2024)
Browser
Desktop Limit (approx.)
Mobile Limit (approx.)
Notes
Chrome
60% of free disk space
6–10% of free disk (usually andlt; 100MB)
Per origin; subject to user disk space
Firefox
2GB per origin
50MB–100MB (prompt at higher usage)
Uses a “Group” quota per site
Safari
1GB (macOS), 50MB (iOS, strict)
50MB–100MB (may auto-clear or block silently)
Private mode has 0 quota
Edge (Chromium)
Same as Chrome
Same as Chrome
Inherits Chromium behavior
Opera
Same as Chrome
Same as Chrome
Chromium-based
Private/incognito mode: Many browsers disable or severely
limit IndexedDB (e.g., 0 quota in Safari private).
How to Detect Storage Limits or Quota Warnings
There is no direct API to get the exact quota or usage 
in all browsers, but the most reliable methods are:
1. Use navigator.storage.estimate() (Chrome, Edge, Firefox)
if ('storage' in navigator andand 'estimate' in navigator.storage) {
  const { quota, usage } = await navigator.storage.estimate();
  console.log(`Usage: ${(usage / 1024 / 1024).toFixed(2)} MB`);
  console.log(`Quota: ${(quota / 1024 / 1024).toFixed(2)} MB`);
}
Works in Chromium and FirefoxSafari does not support itHelps you approximate remaining space
2. Catch QuotaExceededError During Writes
try {
  await db.table('myTable').add(largeData);
} catch (err) {
  if (err.name === 'QuotaExceededError') {
    alert('Storage quota exceeded');
  }
}
Works reliably in all browsersNot proactive; only tells you after failure
3. Proactive Write Size Check (Custom Strategy)
You can test how much you can write with binary data:
async function findLimit(db) {
  let size = 1024 * 1024; // Start with 1MB
  let max = 0;
  try {
    while (true) {
      const buffer = new ArrayBuffer(size);
      await db.table('test').put(buffer, size);
      max = size;
      size *= 2;
    }
  } catch (e) {
    console.log(`Max storable chunk: ${max / (1024 * 1024)} MB`);
  }
}
Use this in a dev/test environment only, not production.
Considerations
Storage can be evicted by the browser (especially on mobile)Use navigator.storage.persist() to request persistent storage (won’t be cleared by the browser):
const granted = await navigator.storage.persist();
console.log(granted ? "Persistent storage granted" : "Not granted");
Recommendations
Regularly monitor storage usage via navigator.storage.estimate()Request persistent storage if your app needs offline reliabilityPrepare for QuotaExceededError gracefullyLimit user data usage with smart pruning, compression, and batching

interview

What are IndexedDB's storage limits across different browsers/platforms?

ICSM Computer

Can you answer this question?

1 Answers

Estimated Storage Limits (2024)

How to Detect Storage Limits or Quota Warnings

1. Use `navigator.storage.estimate()` (Chrome, Edge, Firefox)

2. Catch `QuotaExceededError` During Writes

3. Proactive Write Size Check (Custom Strategy)

Considerations

Recommendations

Liked By

Browser	Desktop Limit (approx.)	Mobile Limit (approx.)	Notes
Chrome	60% of free disk space	6–10% of free disk (usually < 100MB)	Per origin; subject to user disk space
Firefox	2GB per origin	50MB–100MB (prompt at higher usage)	Uses a “Group” quota per site
Safari	1GB (macOS), 50MB (iOS, strict)	50MB–100MB (may auto-clear or block silently)	Private mode has 0 quota
Edge (Chromium)	Same as Chrome	Same as Chrome	Inherits Chromium behavior
Opera	Same as Chrome	Same as Chrome	Chromium-based